<template>
  <!-- UserAgreement 合作说明 -->
  <PageContainer>
    <view class="container">
      <Header title="合作说明" />
      <TRichText :content="getContent" />
      <TButtonGroup position="fixed" />
    </view>
  </PageContainer>
</template>

<script lang="ts" setup>
  /**  equityExplain  合作说明 */
  import PageContainer from '@/components/PageContainer/index.vue';
  import Header from '@/components/Header/index.vue';
  import TRichText from '@/components/TRichText/index.vue';
  import { ref } from 'vue';
  import { cooperationQuota } from '@/api/cooperation';
  import TButtonGroup from '@/components/TButtonGroup/index.vue';

  const getContent = ref('');
  cooperationQuota().then((res) => {
    getContent.value = res.explain ?? '';
  });
</script>

<style lang="scss" scoped>
  .container {
    padding: 10rpx 40rpx;
    min-height: 100vh;
    background-color: #fff;
  }
</style>
